<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width" />
<meta name="author" content="www.yanshisan.cn" />
<meta name="robots" content="all" />
<title>留言板</title>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="layui/css/layui.css" />
<link rel="stylesheet" href="css/master.css" />
<link rel="stylesheet" href="css/gloable.css" />
<link rel="stylesheet" href="css/nprogress.css" />
<link rel="stylesheet" href="css/message.css" />
</head>
<body>
	<div class="header"></div>
	<header class="gird-header">
		<div class="header-fixed">
			<div class="header-inner">
				<a href="javascript:void(0)" class="header-logo" id="logo">blog</a>
				<nav class="nav" id="nav">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="article.html">博客</a></li>
						<li><a href="message.html">留言</a></li>
						<li><a href="link.html">友链</a></li>
					</ul>
				</nav>
				<a href="#" class="blog-user"> <i class="fa fa-qq"></i>
				</a> <a class="phone-menu"> <i></i> <i></i> <i></i>
				</a>
			</div>
		</div>
	</header>
	<div class="doc-container" id="doc-container">
		<div class="container-fixed">
			<div class="container-inner">
				<section class="msg-remark">
					<h1>留言板</h1>
					<p>沟通交流，拉近你我！</p>
				</section>
				<div class="textarea-wrap message" id="textarea-wrap">
					<form class="layui-form blog-editor" action="">
						<div class="layui-form-item">
							<textarea name="editorContent" id="" placeholder="请输入内容"
								class="layui-textarea "></textarea>
						</div>
						<div class="layui-form-item">
							<button class="layui-btn">提交留言</button>
						</div>
					</form>
				</div>
			</div>

			<div class="mt20">
				<ul class="message-list" id="message-list">
					<li class="zoomIn article">
						<div class="comment-parent">
							<a name="remark-1"></a> <img
								src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100" />
							<div class="info">
								<span class="username">燕十三</span>
							</div>
							<div class="comment-content">剑气纵横三万里</div>
							<p class="info info-footer">
								<i class="fa fa-map-marker" aria-hidden="true"></i> <span>四川</span>
								<span class="comment-time">2018-01-01</span> <a
									href="javascript:;" class="btn-reply" data-targetid="1"
									data-targetname="燕十三">回复</a>
							</p>
						</div>
						<hr />
						<div class="comment-child">
							<a name="reply-1"></a> <img
								src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100">
							<div class="info">
								<span class="username">燕十四</span> <span
									style="padding-right:0;margin-left:-5px;">回复</span> <span
									class="username">燕十三</span> <span>一剑光寒十九洲</span>
							</div>
							<p class="info">
								<i class="fa fa-map-marker" aria-hidden="true"></i> <span>四川</span>
								<span class="comment-time">2018-01-01</span> <a
									href="javascript:;" class="btn-reply" data-targetid="2"
									data-targetname="燕十四">回复</a>
							</p>
						</div>
						<div class="replycontainer layui-hide">
							<form action="">
								<input type="hidden" name="remarkId" value="1"> <input
									type="hidden" name="targetUserId" value="0">
								<div class="layui-form-item">
									<textarea name="replyContent" lay-verify="replyContent"
										placeholder="请输入回复内容" class="layui-textarea"
										style="min-height:80px;"></textarea>
								</div>
								<div class="layui-form-item">
									<button class="layui-btn layui-btn-xs">提交</button>
								</div>
							</form>
						</div>
					</li>
					<li class="zoomIn article">
						<div class="comment-parent">
							<a name="remark-1"></a> <img
								src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100"
								alt="{{name}}" />
							<div class="info">
								<span class="username">燕十三</span>
							</div>
							<div class="comment-content">剑气纵横三万里</div>
							<p class="info info-footer">
								<i class="fa fa-map-marker" aria-hidden="true"></i> <span>四川</span>
								<span class="comment-time">2018-01-01</span> <a
									href="javascript:;" class="btn-reply" data-targetid="1"
									data-targetname="燕十三">回复</a>
							</p>
						</div>
						<div class="replycontainer layui-hide">
							<form class="layui-form" action="">
								<input type="hidden" name="remarkId" value="1"> <input
									type="hidden" name="targetUserId" value="0">
								<div class="layui-form-item">
									<textarea name="replyContent" lay-verify="replyContent"
										placeholder="请输入回复内容" class="layui-textarea"
										style="min-height:80px;"></textarea>
								</div>
								<div class="layui-form-item">
									<button class="layui-btn layui-btn-xs" lay-filter="formReply">提交</button>
								</div>
							</form>
						</div>
					</li>
					<li class="zoomIn article">
						<div class="comment-parent">
							<a name="remark-1"></a> <img
								src="https://thirdqq.qlogo.cn/qqapp/101465933/7627F745B95BFAC18C6C481FE72B4EB1/100" />
							<div class="info">
								<span class="username">燕十三</span>
							</div>
							<div class="comment-content">剑气纵横三万里</div>
							<p class="info info-footer">
								<i class="fa fa-map-marker" aria-hidden="true"></i> <span>四川</span>
								<span class="comment-time">2018-01-01</span> <a
									href="javascript:;" class="btn-reply" data-targetid="1"
									data-targetname="燕十三">回复</a>
							</p>
						</div>
						<hr />
						<div class="replycontainer layui-hide">
							<form class="layui-form" action="">
								<input type="hidden" name="remarkId" value="1"> <input
									type="hidden" name="targetUserId" value="0">
								<div class="layui-form-item">
									<textarea name="replyContent" lay-verify="replyContent"
										placeholder="请输入回复内容" class="layui-textarea"
										style="min-height:80px;"></textarea>
								</div>
								<div class="layui-form-item">
									<button class="layui-btn layui-btn-xs" lay-submit="formReply"
										lay-filter="formReply" id="submit">提交</button>
								</div>
							</form>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<footer class="grid-footer">
		<div class="footer-fixed">
			<div class="copyright">
				<div class="info">
					<div class="contact">
						<a href="javascript:void(0)" class="github" target="_blank"><i
							class="fa fa-github"></i></a> <a
							href="https://wpa.qq.com/msgrd?v=3&uin=1278028562&site=qq&menu=yes"
							class="qq" target="_blank" title="1278028562"><i
							class="fa fa-qq"></i></a> <a
							href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw"
							class="email" target="_blank" title="1278028562@qq.com"><i
							class="fa fa-envelope"></i></a> <a href="javascript:void(0)"
							class="weixin"><i class="fa fa-weixin"></i></a>
					</div>
					<p class="mt05">Copyright &copy; 2019 侯晓铮 All Rights Reserved
						V.1.0.0</p>
				</div>
			</div>
		</div>
	</footer>
	<script>
		function message() {
			var articleId = getUrlParam("id");
			var content = $("#message").val();
			if (content == null || content == "") {
				alert("请输入内容！");
				return false;
			}
			var data = {
				articleId : articleId,
				content : content
			};
			$.ajax({
				type : "post",
				url : '/blog/comments/addComments',
				data : data,
				dataType : 'json',
				success : function(data) {
					//alert(msg);
					if (data.success == 1) {
						alert("评论成功！")
						window.location.reload();
					} else {
						alert("登录成功")
	
					}
				}
			});
		}
	</script>
</body>
</html>
